

.good-item-container{
  margin-top: 40px;
  padding: 0 30px;

  // 商品信息
  .good-info-container{
    display: flex;

    // 商品图片
    .good-img{
      height: 140px;
      width: 140px;
      border-radius: 20px;
    }

    // 内容 价格 浏览量 想要
    .content-price-view-container{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-left: 20px;
      width: 75%;

      // 内容 价格
      .content-price-container{

        // 内容
        .content{
          width: 100%;
          font-size: 26px;
          font-weight: 700;
          overflow: hidden;
          text-overflow: ellipsis;      //超出部分以省略号显示
          white-space: nowrap;
        }
        .price-container{
          display: flex;
          align-items: flex-end;
          color: #ff4240;

          .unit{
            font-size: 22px;
          }
          .price{
            font-size: 30px;
            font-weight: 700;
          }
        }

      }

      // 浏览量 想要
      .view-count-container{
        display: flex;

        .view-word{
          font-size: 24px;
          color: #b3b3b3;
        }

        .mgl20{
          margin-left: 20px;
        }

      }

    }


  }


  // 功能按钮
  .function-btn-container{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;

    .btn-container{
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 30px;
      border: 1px solid #f1f1f1;
      border-radius: 40px;
      height: 60px;
      font-size: 30px;
      font-weight: 700;
    }

    .mgl20{
      margin-left: 20px;
    }

    .more-icon{
      height: 60px;
      width: 60px;
    }


  }

}
